<html dir="ltr">

<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">

	<meta name="msapplication-TileColor" content="#0f75ff">
	<meta name="theme-color" content="#2ddcd3">
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="mobile-web-app-capable" content="yes">
	<meta name="HandheldFriendly" content="True">
	<meta name="MobileOptimized" content="320">
	<link rel="icon" href="../images/favicon.ico" type="image/x-icon">
	<link rel="shortcut icon" type="image/x-icon" href="../images/favicon.ico">

	<!-- Title -->
	<title>Uplor – Clean &amp; Modern Admin Dashboard Bootstrap 4 HTML Template</title>
	<link rel="stylesheet" href="../css/font-awesome.css">

	<!-- Font Family-->
	<link href="../css/css.css" rel="stylesheet">

	<!-- Sidemenu Css -->
	<link href="../css/style.css" rel="stylesheet">
	<link href="../css/waves.css" rel="stylesheet">

	<!-- Bootstrap Css -->
	<link href="../css/bootstrap.css" rel="stylesheet">

	<!-- Dashboard Css -->
	<link href="../css/dashboard.css" rel="stylesheet">

	<!-- JQVMap -->
	<link href="../css/jqvmap.css" rel="stylesheet">

	<!-- Morris.js Charts Plugin -->
	<link href="../css/morris.css" rel="stylesheet">

	<!-- Custom scroll bar css-->
	<link href="../css/jquery.css" rel="stylesheet">

	<!---Font icons-->
	<link href="../css/plugin.css" rel="stylesheet">
	<style type="text/css">
		.jqstooltip {
			position: absolute;
			left: 0px;
			top: 0px;
			visibility: hidden;
			background: rgb(0, 0, 0) transparent;
			background-color: rgba(0, 0, 0, 0.6);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
			color: white;
			font: 10px arial, san serif;
			text-align: left;
			white-space: nowrap;
			padding: 5px;
			border: 1px solid white;
			z-index: 10000;
		}

		.jqsfield {
			color: white;
			font: 10px arial, san serif;
			text-align: left;
		}
	</style>
</head>

<body>
	<div id="loading" style="display: none;"></div>
	<div class="page">
		<div class="page-main">
			<div class="app-header1 header py-1 d-flex">
				<div class="container-fluid">
					<div class="d-flex">
						<a class="header-brand" href="#">
							<img src="../images/logo.png" class="header-brand-img" alt="Uplor  logo">
						</a>
						<div class="menu-toggle-button">
							<a class="nav-link wave-effect waves-effect waves-button" href="#" id="sidebarCollapse">
								<span class="fa fa-bars"></span>
							</a>
						</div>
						<div>
							<div class="searching">
								<a href="javascript:void(0)" class="search-open searching1">
									<i class="fa fa-search"></i>
								</a>
								<div class="search-inline">
									<form>
										<input class="form-control" placeholder="Searching..." type="text">
										<button type="submit">
											<i class="fa fa-search"></i>
										</button>
										<a href="javascript:void(0)" class="search-close">
											<i class="fa fa-times"></i>
										</a>
									</form>
								</div>
							</div>
						</div>
						<div class="d-flex order-lg-2 ml-auto">
							<div class="dropdown d-none d-md-flex">
								<a class="nav-link icon full-screen-link">
									<i class="fe fe-maximize floating" id="fullscreen-button"></i>
								</a>
							</div>
							<div class="dropdown d-none d-md-flex country-selector">
								<a href="#" class="d-flex nav-link leading-none" data-toggle="dropdown">
									<img src="../images/us_flag.jpg" alt="img" class="avatar avatar-xs mr-1 align-self-center">
									<div>
										<strong class="text-white">English</strong>
									</div>
								</a>
								<div class="language-width dropdown-menu dropdown-menu-right dropdown-menu-arrow">
									<a href="#" class="dropdown-item d-flex pb-3">
										<img src="../images/french_flag.jpg" alt="flag-img" class="avatar  mr-3 align-self-center">
										<div>
											<strong>French</strong>
										</div>
									</a>
									<a href="#" class="dropdown-item d-flex pb-3">
										<img src="../images/germany_flag.jpg" alt="flag-img" class="avatar  mr-3 align-self-center">
										<div>
											<strong>Germany</strong>
										</div>
									</a>
									<a href="#" class="dropdown-item d-flex pb-3">
										<img src="../images/italy_flag.jpg" alt="flag-img" class="avatar  mr-3 align-self-center">
										<div>
											<strong>Italy</strong>
										</div>
									</a>
									<a href="#" class="dropdown-item d-flex pb-3">
										<img src="../images/russia_flag.jpg" alt="flag-img" class="avatar  mr-3 align-self-center">
										<div>
											<strong>Russia</strong>
										</div>
									</a>
									<a href="#" class="dropdown-item d-flex pb-3">
										<img src="../images/spain_flag.jpg" alt="flag-img" class="avatar  mr-3 align-self-center">
										<div>
											<strong>Spain</strong>
										</div>
									</a>
								</div>
							</div>
							<div class="dropdown d-none d-md-flex">
								<a class="nav-link icon" data-toggle="dropdown">
									<i class="fa fa-bell-o floating"></i>
									<span class=" nav-unread badge badge-danger  badge-pill">4</span>
								</a>
								<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
									<a href="#" class="dropdown-item text-center">You have 4 notification</a>
									<div class="dropdown-divider"></div>
									<a href="#" class="dropdown-item d-flex pb-3">
										<div class="notifyimg">
											<i class="fa fa-envelope-o"></i>
										</div>
										<div>
											<strong>2 new Messages</strong>
											<div class="small text-muted">17:50 Pm</div>
										</div>
									</a>
									<a href="#" class="dropdown-item d-flex pb-3">
										<div class="notifyimg">
											<i class="fa fa-calendar"></i>
										</div>
										<div>
											<strong> 1 Event Soon</strong>
											<div class="small text-muted">19-10-2018</div>
										</div>
									</a>
									<a href="#" class="dropdown-item d-flex pb-3">
										<div class="notifyimg">
											<i class="fa fa-comment-o"></i>
										</div>
										<div>
											<strong> 3 new Comments</strong>
											<div class="small text-muted">05:34 Am</div>
										</div>
									</a>
									<a href="#" class="dropdown-item d-flex pb-3">
										<div class="notifyimg">
											<i class="fa fa-exclamation-triangle"></i>
										</div>
										<div>
											<strong> Application Error</strong>
											<div class="small text-muted">13:45 Pm</div>
										</div>
									</a>
									<div class="dropdown-divider"></div>
									<a href="#" class="dropdown-item text-center">See all Notification</a>
								</div>
							</div>
							<div class="dropdown d-none d-md-flex">
								<a class="nav-link icon" data-toggle="dropdown">
									<i class="fa fa-envelope-o floating"></i>
									<span class=" nav-unread badge badge-warning  badge-pill">3</span>
								</a>
								<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
									<a href="#" class="dropdown-item d-flex pb-3">
										<img src="../images/41.jpg" alt="avatar-img" class="avatar brround mr-3 align-self-center">
										<div>
											<strong>Blake</strong> I've finished it! See you so.......
											<div class="small text-muted">30 mins ago</div>
										</div>
									</a>
									<a href="#" class="dropdown-item d-flex pb-3">
										<img src="../images/1.jpg" alt="avatar-img" class="avatar brround mr-3 align-self-center">
										<div>
											<strong>Caroline</strong> Just see the my Admin....
											<div class="small text-muted">12 mins ago</div>
										</div>
									</a>
									<a href="#" class="dropdown-item d-flex pb-3">
										<img src="../images/18.jpg" alt="avatar-img" class="avatar brround mr-3 align-self-center">
										<div>
											<strong>Jonathan</strong> Hi! I'am singer......
											<div class="small text-muted">1 hour ago</div>
										</div>
									</a>
									<a href="#" class="dropdown-item d-flex pb-3">
										<img src="../images/18_002.jpg" alt="avatar-img" class="avatar brround mr-3 align-self-center">
										<div>
											<strong>Emily</strong> Just a reminder that you have.....
											<div class="small text-muted">45 mins ago</div>
										</div>
									</a>
									<div class="dropdown-divider"></div>
									<a href="#" class="dropdown-item text-center">View all Messages</a>
								</div>
							</div>
							<div class="dropdown d-none d-md-flex">
								<a class="nav-link icon" data-toggle="dropdown">
									<i class="fe fe-grid floating"></i>
								</a>
								<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow  app-selector">
									<ul class="drop-icon-wrap">
										<li>
											<a href="#" class="drop-icon-item">
												<i class="si si-envelope text-dark"></i>
												<span class="block"> E-mail</span>
											</a>
										</li>
										<li>
											<a href="#" class="drop-icon-item">
												<i class="si si-map text-dark"></i>
												<span class="block">map</span>
											</a>
										</li>

										<li>
											<a href="#" class="drop-icon-item">
												<i class="si si-bubbles text-dark"></i>
												<span class="block">Messages</span>
											</a>
										</li>
										<li>
											<a href="#" class="drop-icon-item">
												<i class="si si-user-follow text-dark"></i>
												<span class="block">Followers</span>
											</a>
										</li>
										<li>
											<a href="#" class="drop-icon-item">
												<i class="si si-picture text-dark"></i>
												<span class="block">Photos</span>
											</a>
										</li>
										<li>
											<a href="#" class="drop-icon-item">
												<i class="si si-settings text-dark"></i>
												<span class="block">Settings</span>
											</a>
										</li>
									</ul>
									<div class="dropdown-divider"></div>
									<a href="#" class="dropdown-item text-center">View all</a>
								</div>
							</div>
							<div class="dropdown ">
								<a href="#" class="nav-link pr-0 leading-none user-img" data-toggle="dropdown">
									<img src="../images/25.jpg" alt="profile-img" class="avatar avatar-md brround">
								</a>
								<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow ">
									<a class="dropdown-item" href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/profile.html">
										<i class="dropdown-icon si si-user"></i> My Profile
									</a>
									<a class="dropdown-item" href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/emailservices.html">
										<i class="dropdown-icon si si-envelope"></i> Inbox
									</a>
									<a class="dropdown-item" href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/editprofile.html">
										<i class="dropdown-icon  si si-settings"></i> Account Settings
									</a>
									<a class="dropdown-item" href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/login.html">
										<i class="dropdown-icon si si-power"></i> Log out
									</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="wrapper">
				<!-- Sidebar Holder -->
				<nav id="sidebar" class="nav-sidebar mCustomScrollbar _mCS_1 mCS-autoHide" style="overflow: visible;">
					<div id="mCSB_1" class="mCustomScrollBox mCS-minimal mCSB_vertical mCSB_outside" style="max-height: none;" tabindex="0">
						<div id="mCSB_1_container" class="mCSB_container" style="position:relative; top:0; left:0;" dir="ltr">
							<div class="profile clearfix active">
								<div class="profile_pic">
									<img src="../images/25.jpg" alt="..." class="img-circle profile_img mCS_img_loaded">
									<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/editprofile.html" class="profile-img">
										<span class="fa fa-pencil" aria-hidden="true"></span>
									</a>
								</div>
								<div class="profile_info">
									<h2>Rubin Carmody</h2>
									<span>Web Designer</span>
								</div>
							</div>
							<ul class="list-unstyled components" id="accordion">
								<li class="border-0">
									<h3>Personal</h3>
								</li>
								<li>
								</li>
								<li>
									<a href="#homeSubmenu" class="accordion-toggle wave-effect waves-effect waves-button active" data-toggle="collapse" aria-expanded="true">
										<i class="fa fa-television mr-2 sidebarsuccess"></i>Dashboard
									</a>
									<ul class="list-unstyled collapse show" id="homeSubmenu" data-parent="#accordion" style="">
										<li class="active">
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/index.html" class="active">Dashboard 1</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/index2.html">Dashboard 2</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/index3.html">Dashboard 3</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/index4.html">Dashboard 4</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/index5.html">Dashboard 5</a>
										</li>
									</ul>
								</li>
								<li>
									<a href="#Submenu1" class="accordion-toggle wave-effect waves-effect waves-button" data-toggle="collapse" aria-expanded="false">
										<i class="fa fa-rocket mr-2 sidebarprimary"></i> Apps
									</a>
									<ul class="collapse list-unstyled" id="Submenu1" data-parent="#accordion">
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/calendar.html">Default calendar</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/calendar2.html">Full calendar</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/users-list.html">User List</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/search.html">Search page</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/crypto-currencies.html">Crypto-currencies</a>
										</li>
									</ul>
								</li>
								<li>
									<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/widgets.html" class=" wave-effect accordion-toggle  waves-effect waves-button">
										<i class="fa fa-diamond mr-2 sidebarpink"></i> Widgets</a>
								</li>
								<li>
									<a href="#Submenu2" class="accordion-toggle wave-effect waves-effect waves-button" data-toggle="collapse" aria-expanded="false">
										<i class="fa fa-cubes mr-2 sidebaryellow"></i> User Interface
									</a>
									<ul class="collapse list-unstyled" id="Submenu2" data-parent="#accordion">
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/cards.html">Cards design</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/chat.html">Default Chat</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/notify.html">Notifications</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/email.html">Email</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/emailservices.html">Email Inbox</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/sweetalert.html">Sweet alerts</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/rangeslider.html">Range slider</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/scroll.html">Content Scroll bar</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/counters.html">Counters</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/loaders.html">Loaders</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/time-line.html">Time Line</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/rating.html">Rating </a>
										</li>
									</ul>
								</li>
								<li>
									<a href="#Submenu3" class="accordion-toggle wave-effect waves-effect waves-button" data-toggle="collapse" aria-expanded="false">
										<i class="fa fa-area-chart mr-2 sidebarinfo"></i> Charts</a>
									<ul class="collapse list-unstyled" id="Submenu3" data-parent="#accordion">
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/chart-chartist.html">Chartjs Charts </a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/chart-dygraph.html">Dygraph Charts</a>
										</li>

										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/chart-echart.html">Echart Charts</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/chart-flot.html">Flot Charts</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/chart-high.html">High Charts</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/chart-nvd3.html">Nvd3 Charts</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/sparklinechart.html">Sparkline Charts</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/chart-morris.html">Morris Charts</a>
										</li>
										<li class="secondlevel">
											<a href="#Submenu4" class="accordion-toggle wave-effect waves-effect waves-button" data-toggle="collapse" aria-expanded="false">C3 charts</a>
											<ul class="collapse list-unstyled" id="Submenu4">
												<li>
													<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/charts.html">C3 Bar Charts</a>
												</li>
												<li>
													<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/chart-line.html">C3 Line Charts</a>
												</li>
												<li>
													<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/chart-donut.html">C3 Donut Charts</a>
												</li>
												<li>
													<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/chart-pie.html">C3 Pie charts</a>
												</li>
											</ul>
										</li>
									</ul>
								</li>
								<li>
									<a href="#Submenu5" class="accordion-toggle wave-effect waves-effect waves-button" data-toggle="collapse" aria-expanded="false">
										<i class="fa fa-pencil-square-o mr-2 sidebarred"></i>Elements
									</a>
									<ul class="collapse list-unstyled" id="Submenu5" data-parent="#accordion">
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/alerts.html">Alerts</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/buttons.html">Buttons</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/colors.html">Colors</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/avatars.html">Avatar-Square</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/avatar-round.html">Avatar-Rounded</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/avatar-radius.html">Avatar-Radius</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/dropdown.html">Drop downs</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/thumbnails.html">Thumbnails</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/mediaobject.html">Media Object</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/list.html">List</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/tags.html">Tags</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/pagination.html">Pagination</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/navigation.html">Navigation</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/typography.html">Typography</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/breadcrumbs.html">Breadcrumbs</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/badge.html">Badges</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/jumbotron.html">Jumbotron</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/panels.html">Panels</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/modal.html">Modal</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/tooltipandpopover.html">Tooltip and popover</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/progress.html">Progress</a>
										</li>

										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/carousel.html">Carousels</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/accordion.html">Accordions</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/tabs.html">Tabs</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/headers.html">Headers</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/footers.html">Footers</a>
										</li>
									</ul>
								</li>
								<li>
									<a href="#Submenu6" class="accordion-toggle wave-effect waves-effect waves-button" data-toggle="collapse" aria-expanded="false">
										<i class="fa fa-file-text mr-2 sidebarblue"></i> Forms
									</a>
									<ul class="collapse list-unstyled" id="Submenu6" data-parent="#accordion">
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/form-elements.html">Form Elements</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/form-wizard.html">Form-wizard Elements</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/wysiwyag.html">Text Editor</a>
										</li>
									</ul>
								</li>
								<li class="">
									<a href="#Submenu7" class="accordion-toggle wave-effect waves-effect waves-button" data-toggle="collapse" aria-expanded="false">
										<i class="fa fa-table mr-2 sidebarpurple"></i> Tables
									</a>
									<ul class="collapse list-unstyled" id="Submenu7" data-parent="#accordion">
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/tables.html">Default table</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/datatable.html">Data Table</a>
										</li>
									</ul>
								</li>
								<li>
									<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/maps.html" class=" wave-effect accordion-toggle  waves-effect waves-button">
										<i class="fa fa-map  mr-2 sidebarlightgreen"></i> Maps</a>
								</li>
								<li>
									<a href="#Submenu8" class="accordion-toggle wave-effect waves-effect waves-button" data-toggle="collapse" aria-expanded="false">
										<i class="fa fa-sun-o mr-2 sidebarpink"></i> Icons
									</a>
									<ul class="collapse list-unstyled" id="Submenu8" data-parent="#accordion">
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/icons.html">Font Awesome</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/icons2.html">Material Design Icons</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/icons3.html">Simple Line Iocns</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/icons4.html">Feather Icons</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/icons5.html">Ionic Icons</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/icons6.html">Flag Icons</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/icons7.html">pe7 Icons</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/icons8.html">Themify Icons</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/icons9.html">Typicons Icons</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/icons10.html">Weather Icons</a>
										</li>
									</ul>
								</li>
								<li>
									<h3>More Pages</h3>
								</li>
								<li>
								</li>
								<li>
									<a href="#Submenu9" class="accordion-toggle wave-effect waves-effect waves-button" data-toggle="collapse" aria-expanded="false">
										<i class="fa fa-futbol-o mr-2 sidebarred"></i> Pages
									</a>
									<ul class="collapse list-unstyled" id="Submenu9" data-parent="#accordion">
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/profile.html">Profile</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/editprofile.html">Edit Profile</a>
										</li>

										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/gallery.html" class=" wave-effect waves-effect waves-button">Gallery</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/about.html">About Company</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/company-history.html">Company History</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/services.html">Services</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/faq.html">FAQS</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/terms.html">Terms and Conditions</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/empty.html">Empty Page</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/construction.html">Under Construction</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/blog.html">Blog</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/invoice.html">Invoice</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/pricing.html">Pricing Tables</a>
										</li>
									</ul>
								</li>
								<li>
									<a href="#Submenu10" class="accordion-toggle wave-effect waves-effect waves-button" data-toggle="collapse" aria-expanded="false">
										<i class="fa fa-shopping-cart mr-2 sidebarsuccess"></i> E-commerce
									</a>
									<ul class="collapse list-unstyled" id="Submenu10" data-parent="#accordion">
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/shop.html">Products</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/shop-des.html">Product Details</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/cart.html">Shopping Cart</a>
										</li>
									</ul>
								</li>
								<li>
									<a href="#Submenu11" class="accordion-toggle wave-effect waves-effect waves-button" data-toggle="collapse" aria-expanded="false">
										<i class="fa fa-briefcase mr-2 sidebaryellow"></i> Custom Pages
									</a>
									<ul class="collapse list-unstyled" id="Submenu11" data-parent="#accordion">
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/login.html">Login</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/register.html">Register</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/forgot-password.html">Forgot password</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/lockscreen.html">Lock screen</a>
										</li>
									</ul>
								</li>
								<li>
									<a href="#Submenu12" class="accordion-toggle wave-effect waves-effect waves-button" data-toggle="collapse" aria-expanded="false">
										<i class="fa fa-exclamation-circle mr-2 sidebarprimary"></i> Error pages
									</a>
									<ul class="collapse list-unstyled" id="Submenu12" data-parent="#accordion">
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/400.html">400 Error</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/401.html">401 Error</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/403.html">403 Error</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/404.html">404 Error</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/500.html">500 Error</a>
										</li>
										<li>
											<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/503.html">503 Error</a>
										</li>
									</ul>
								</li>
								<li>
									<a href="#Submenu13" class="accordion-toggle wave-effect waves-effect waves-button" data-toggle="collapse" aria-expanded="false">
										<i class="fa fa-compass mr-2 sidebarpink"></i> Multilevel
									</a>
									<ul class="collapse list-unstyled" id="Submenu13" data-parent="#accordion">
										<li>
											<a href="#">Level1</a>
										</li>
										<li>
											<a href="#">Level2</a>
										</li>
										<li>
											<a href="#">Level3</a>
										</li>
									</ul>
								</li>
								<li class="active">
									<a href="" class="wave-effect accordion-toggle waves-effect waves-button active">
										<i class="fa fa-ticket mr-2 sidebarlightgreen"></i> Support</a>
								</li>
							</ul>
							<div class="sidebar-footer hidden-small">
								<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/emailservices.html">
									<span class="fa fa-envelope" aria-hidden="true"></span>
								</a>
								<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/profile.html">
									<span class="fa fa-user" aria-hidden="true"></span>
								</a>
								<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/editprofile.html">
									<span class="fa fa-cog" aria-hidden="true"></span>
								</a>
								<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/login.html">
									<span class="fa fa-sign-in" aria-hidden="true"></span>
								</a>
								<a href="http://www.17sucai.com/preview/1424582/2018-11-04/Uplor/chat.html">
									<span class="fa fa-comment" aria-hidden="true"></span>
								</a>
							</div>
						</div>
					</div>
					<div id="mCSB_1_scrollbar_vertical" class="mCSB_scrollTools mCSB_1_scrollbar mCS-minimal mCSB_scrollTools_vertical"
					 style="display: block;">
						<div class="mCSB_draggerContainer">
							<div id="mCSB_1_dragger_vertical" class="mCSB_dragger" style="position: absolute; min-height: 50px; display: block; height: 594px; max-height: 869px; top: 0px;">
								<div class="mCSB_dragger_bar" style="line-height: 50px;"></div>
							</div>
							<div class="mCSB_draggerRail"></div>
						</div>
					</div>
				</nav>
				<div class=" content-area ">
					<div class="page-header">
						<h4 class="page-title">Dashboard 01</h4>
						<ol class="breadcrumb">
							<li class="breadcrumb-item">
								<a href="#">Dashboard</a>
							</li>
							<li class="breadcrumb-item active" aria-current="page">Dashboard 01</li>
						</ol>
					</div>

					<div class="row">
						<div class="col-sm-12 col-lg-4">
							<div class="card overflow-hidden">
								<div class="card-header">
									<h3 class="card-title">Orders Received</h3>
									<div class="card-options">
										<a class="btn btn-sm btn-primary" href="#">View</a>
									</div>
								</div>
								<div class="card-body ">

									<small class="h6">Today Orders</small>
									<div class="text-dark count mt-0 font-30">6,525</div>

									<div class="progress progress-sm mt-0 mb-2">
										<div class="progress-bar bg-success w-35" role="progressbar"></div>
									</div>
									<div class="">
										<i class="fa fa-caret-up text-green"></i> 10% increases</div>
								</div>
							</div>
						</div>
						<div class="col-sm-12 col-lg-4">
							<div class="card overflow-hidden">
								<div class="card-header">
									<h3 class="card-title">New users</h3>
									<div class="card-options">
										<a class="btn btn-sm btn-primary" href="#">View</a>
									</div>
								</div>
								<div class="card-body ">

									<small class="h6">Today Users</small>
									<div class="text-dark count mt-0 font-30">3,897</div>

									<div class="progress progress-sm mt-0 mb-2">
										<div class="progress-bar bg-primary w-55" role="progressbar"></div>
									</div>
									<div class="">
										<i class="fa fa-caret-up text-green"></i> 10% increases</div>
								</div>
							</div>
						</div>
						<div class="col-sm-12 col-lg-4">
							<div class="card overflow-hidden">
								<div class="card-header">
									<h3 class="card-title">Today Sales</h3>
									<div class="card-options">
										<a class="btn btn-sm btn-primary" href="#">View</a>
									</div>
								</div>
								<div class="card-body ">

									<small class="h6">Sales</small>
									<div class="text-dark count mt-0 font-30">4,256</div>

									<div class="progress progress-sm mt-0 mb-2">
										<div class="progress-bar bg-danger w-15" role="progressbar"></div>
									</div>
									<div class="">
										<i class="fa fa-caret-down text-danger"></i> 20% decreases</div>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-12">
							<div class="card ">
								<div class="card-header">
									<h3 class="card-title">Yearly Sales</h3>
									<div class="card-options">
										<a href="#" class="card-options-collapse" data-toggle="card-collapse">
											<i class="fe fe-chevron-up"></i>
										</a>
										<a href="#" class="card-options-remove" data-toggle="card-remove">
											<i class="fe fe-x"></i>
										</a>
									</div>
								</div>
								<div class="card-body">
									<div class="text-center">
										<ul class="legend align-items-center ">
											<li>
												<span class="legend-dots bg-primary"></span>Sales
												<span class="ml-2 float-right"></span>
											</li>
											<li>
												<span class="legend-dots bg-pink"></span>Profit
												<span class="ml-2 float-right"></span>
											</li>
										</ul>
									</div>
									<div id="echart1" class="chartsh dropshadow" style="-moz-user-select: none; position: relative; background: transparent none repeat scroll 0% 0%;"
									 _echarts_instance_="ec_1542703762886">
										<div style="position: relative; overflow: hidden; width: 1558px; height: 256px; padding: 0px; margin: 0px; border-width: 0px; cursor: default;">
											<canvas style="position: absolute; left: 0px; top: 0px; width: 1558px; height: 256px; -moz-user-select: none; padding: 0px; margin: 0px; border-width: 0px;"
											 width="1558" height="256" data-zr-dom-id="zr_0"></canvas>
										</div>
										<div style="position: absolute; display: block; border-style: solid; white-space: nowrap; z-index: 9999999; transition: left 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s, top 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s; background-color: rgba(50, 50, 50, 0.7); border-width: 0px; border-color: rgb(51, 51, 51); border-radius: 4px; color: rgb(255, 255, 255); font: 14px/21px sans-serif; padding: 5px; left: 369px; top: 90px;">2007
											<br>
											<span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#ffa22b;"></span>Sales: 30
											<br>
											<span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#2ddcd3;"></span>Profits: 8</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="row row-deck">
						<div class="col-lg-6 col-xl-4 col-sm-12">
							<div class="card ">
								<div class="card-header">
									<div class="card-title">Browser Status</div>
									<div class="card-options">
										<a href="#" class="card-options-collapse" data-toggle="card-collapse">
											<i class="fe fe-chevron-up"></i>
										</a>
										<a href="#" class="card-options-remove" data-toggle="card-remove">
											<i class="fe fe-x"></i>
										</a>
									</div>
								</div>
								<div class="card-body text-center">
									<iframe class="chartjs-hidden-iframe" style="width: 100%; display: block; border: 0px none; height: 0px; margin: 0px; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px;"></iframe>
									<canvas class="canvasDoughnut dropshadow" width="200" height="220" style="width: 200px; height: 220px;"></canvas>
								</div>
							</div>
						</div>
						<div class="col-lg-6 col-xl-8 col-sm-12">
							<div class="card ">
								<div class="card-header">
									<div class="card-title">Our location</div>
									<div class="card-options">
										<a href="#" class="card-options-collapse" data-toggle="card-collapse">
											<i class="fe fe-chevron-up"></i>
										</a>
										<a href="#" class="card-options-remove" data-toggle="card-remove">
											<i class="fe fe-x"></i>
										</a>
									</div>
								</div>
								<div class="card-body">

								</div>
							</div>
						</div>
					</div>

					<div class="row">
						<div class="col-lg-12">
							<div class="card">
								<div class="card-header">
									<div class="card-title">Recent Sales</div>
									<div class="card-options">
										<a href="#" class="card-options-collapse" data-toggle="card-collapse">
											<i class="fe fe-chevron-up"></i>
										</a>
										<a href="#" class="card-options-remove" data-toggle="card-remove">
											<i class="fe fe-x"></i>
										</a>
									</div>
								</div>
								<div class="card-body">
									<div class="table-responsive">
										<table class="table table-bordered border mb-0 align-items-center">
											<thead>
												<tr>
													<th>Id</th>
													<th>Product</th>
													<th>Price</th>
													<th>Date</th>
													<th>Status</th>
													<th>Progress</th>
													<th>Sales</th>
													<th>Earned</th>
												</tr>
											</thead>
											<tbody>
												<tr>
													<td>#675</td>

													<td>
														<p class="mb-0">Admin Template</p>
													</td>
													<td class="font-weight-semibold">$46K</td>
													<td>Sep 02, 2018</td>
													<td>
														<span class="badge badge-success">Sale</span>
													</td>
													<td class="text-green">
														<i class="fa fa-arrow-up"></i> 23%</td>
													<td>987</td>
													<td class="font-weight-semibold">$46K</td>
												</tr>
												<tr>
													<td>#789</td>

													<td>
														<p class="mb-0">Beauty Template</p>
													</td>
													<td class="font-weight-semibold">$18K</td>
													<td>Sep 10, 2018</td>
													<td>
														<span class="badge badge-primary">Extended</span>
													</td>
													<td class="text-blue">
														<i class="fa fa-arrow-up"></i> 12%</td>
													<td>678</td>
													<td class="font-weight-semibold">$18K</td>
												</tr>
												<tr>
													<td>#234</td>

													<td>
														<p class="mb-0">Hosting Template</p>
													</td>
													<td class="font-weight-semibold">$21K</td>
													<td>Sep 18, 2018</td>
													<td>
														<span class="badge badge-warning">Multiple</span>
													</td>
													<td class="text-pink">
														<i class="fa fa-arrow-down"></i> 07%</td>
													<td>432</td>
													<td class="font-weight-semibold">$25K</td>
												</tr>
												<tr>
													<td>#234</td>

													<td>
														<p class="mb-0">Business Template</p>
													</td>
													<td class="font-weight-semibold">$15K</td>
													<td>Sep 22, 2018</td>
													<td>
														<span class="badge badge-danger">Tax</span>
													</td>
													<td class="text-yellow">
														<i class="fa fa-arrow-up"></i> 25%</td>
													<td>285</td>
													<td class="font-weight-semibold">$20K</td>
												</tr>
											</tbody>
										</table>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="row row-deck">
						<div class="col-lg-8 col-sm-12">
							<div class="card ">
								<div class="card-header">
									<div class="card-title">Browsing Activity</div>
									<div class="card-options">
										<a href="#" class="card-options-collapse" data-toggle="card-collapse">
											<i class="fe fe-chevron-up"></i>
										</a>
										<a href="#" class="card-options-remove" data-toggle="card-remove">
											<i class="fe fe-x"></i>
										</a>
									</div>
								</div>
								<div class="card-body p-4">
									<div class="chats-wrap">
										<div class="chat-details p-3">
											<h6 class="mb-0">
												<span class="font-weight-normal">Male</span>
												<span class="float-right p-1">33%</span>
											</h6>
											<div class="progress progress-md mt-3">
												<div class="progress-bar progress-bar-striped progress-bar-animated bg-success w-35"></div>
											</div>
										</div>
										<div class="chat-details p-3">
											<h6 class="mb-0">
												<span class="font-weight-normal">Female</span>
												<span class="float-right p-1">76%</span>
											</h6>
											<div class="progress progress-md mt-3">
												<div class="progress-bar progress-bar-striped progress-bar-animated bg-primary w-75"></div>
											</div>
										</div>
										<div class="chat-details p-3">
											<h6 class="mb-0">
												<span class="font-weight-normal">Students</span>
												<span class="float-right p-1">65%</span>
											</h6>
											<div class="progress progress-md mt-3">
												<div class="progress-bar progress-bar-striped progress-bar-animated bg-pink w-65"></div>
											</div>
										</div>
										<div class="chat-details p-3">
											<h6 class="mb-0">
												<span class="font-weight-normal">Others</span>
												<span class="float-right p-1">80%</span>
											</h6>
											<div class="progress progress-md mt-3">
												<div class="progress-bar progress-bar-striped progress-bar-animated bg-warning w-80"></div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>

						<div class="col-sm-12 col-lg-4">
							<div class="card">
								<div class="card-body text-center">
									<div class="profile-pic mb-4">
										<img src="../images/21.jpg" class="brround" alt="user" width="150">
										<h5 class="mt-3 mb-0 font-weight-semibold">Emily Ball</h5>
										<a href="mailto:liamnolan@gmail.com">emilyball@gmail.com</a>
									</div>
									<div class="chip">Angular</div>
									<div class="chip">PHP</div>
									<div class="chip bg-primary text-white">+7</div>
								</div>
								<div class="p-4  card-footer">
									<div class="row text-center">
										<div class="col-6  border-right text-center">
											<div class="text-center">
												<a href="#" class="fw-500">
													<i class="fa fa-envelope  mr-5"></i>Chat</a>
											</div>
										</div>
										<div class="col-6 text-center">
											<a href="#" class="fw-500">
												<i class="fa fa-user  mr-5"></i>Profile</a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!--footer-->
		<footer class="footer">
			<div class="container">
				<div class="row align-items-center flex-row-reverse">
					<div class="col-md-12 col-sm-12 mt-3 mt-lg-0 text-center">
						Copyright © 2018
						<a href="#">Uplor </a>. Designed by
						<a href="http://www.17sucai.com/">Spruko</a> All rights reserved.
					</div>
				</div>
			</div>
		</footer>
		<!-- End Footer-->
	</div>

	<!-- Back to top -->
	<a href="#top" id="back-to-top">
		<i class="fa fa-angle-up"></i>
	</a>


	<!-- Dashboard Core -->
	<script src="../js/jquery-3.js"></script>
	<script src="../js/popper.js"></script>
	<script src="../js/bootstrap.js"></script>
	<script src="../js/jquery_007.js"></script>
	<script src="../js/selectize.js"></script>
	<script src="../js/jquery.js"></script>
	<script src="../js/circle-progress.js"></script>
	<script src="../js/jquery_008.js"></script>

	<!-- Fullside-menu Js-->
	<script src="../js/jquery_005.js"></script>
	<script src="../js/waves.js"></script>

	<!-- Chart.js -->
	<script src="../js/Chart.js"></script>

	<!--Counters -->
	<script src="../js/counterup.js"></script>
	<script src="../js/waypoints.js"></script>

	<!--Morris.js Charts Plugin -->
	<script src="../js/raphael-min.js"></script>
	<script src="../js/morris.js"></script>

	<!-- Custom scroll bar Js-->
	<script src="../js/jquery_004.js"></script>

	<!-- jQuery Sparklines -->
	<script src="../js/jquery_003.js"></script>

	<!-- JQVMap -->
	<script src="../js/jquery_006.js"></script>
	<script src="../js/jquery_002.js"></script>
	<script src="../js/jquery_009.js"></script>

	<script src="../js/echarts.js"></script>
	<script src="../js/index1.js"></script>


	<!-- Custom Js-->
	<script src="../js/custom.js"></script>
	<script src="../js/jqvmap.js"></script>
	<script src="../js/chartbundle.js"></script>

	<!--Counters js-->
	<script>
		$('.count').countUp();
	</script>


	<div class="jqvmap-label" style="display: none;"></div>
</body>

</html>